<template>
    <el-drawer title="我是标题" :visible.sync="dialogVisible" :with-header="false" class="demand_box" size='50%' @close="resetForm()">
        <div class="flexbox flexcolumn height_100">
            <div class="demand_head flexbox flexcenter flexbetween">
                <span class="demand_title">日志详情</span>
                <span class="icon_btn icon_btn_32" @click="resetForm()"><img src="../../assets/img/close_check.svg" alt=""></span>
            </div>
            <div class="demand_center flex" v-loading="loading" element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0)">
                <el-table :data="tableData" class="com_table" height="100%">
                    <el-table-column prop="title" label="触发事件">
                    </el-table-column>
                </el-table>
            </div>
        </div>
    </el-drawer>
</template>

<script>
export default {
    name: "",
    data() {
        return {
            name:null,
            dialogVisible: false,
            tableData: [],
        };
    },
    created() {
        
    },
    
    methods: {
        getData(row){
            this.dialogVisible = true
            let arr = []
            for(let i in row.content_log){
                arr.push({
                    title:row.content_log[i]
                })
            }
            this.tableData = arr
        },
        // 关闭重置表单
        resetForm() {
            this.tableData = [];
            this.dialogVisible = false;
        },
    },
    components: {},
};
</script>


<style scoped>
</style>
